<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Generate Printer Mask">
    <meta name="author" content="stephan escher">

    <title>Deda Toolkit</title>

    <!-- CSS Import-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/dedastyle.css" rel="stylesheet">
    <link href="css/fontawesome.min.css" rel="stylesheet">
    <!-- EEL -->
    <script type='text/javascript' src='/eel.js'></script>

</head>

<body>

    <div id="wrapper" class="toggled">
        <!-- Sidebar -->
        <div id="sidebar-wrapper"></div>
        <!-- Page Content -->
        <div id="page-content-wrapper">
            <div class="container-fluid">
                <a href="#menu-toggle" id="menu-toggle"><i class="fas fa-ellipsis-h"></i></a><a class="language" href="de/printanon.html"> Deutsch </a>
                <hr><h3> Generate Printer Mask <i class="fas fa-cogs"></i></h3><hr>
                <br>
                <div class="card">
                    <div class="card-body">
                        This part enables the creation of an anonymization mask for anonymized printing regarding a specific printer.
                    </div>
                </div><br>
                <div class="card">
                    <div class="card-body">
                        <form>
                          <b>1.</b> Print the calibration sheet on white paper with the printer to be anonymized (borderless)<br>
                          <a href="misc/calibration.pdf" class="btn btn-secondary" style="margin-top:10px;" download><i class="fas fa-print"></i> Download Calibration Sheet</a>
                        </form>
                    </div>
                </div><br>
                <div class="card" id="step2">
                    <div class="card-body">
                        <form>
                         <b>2.</b> Load printed and scanned (min 300dpi, color) calibration sheet and generate anonymization mask.
                         <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" title="Copy file path"
                         data-content="<u>Windows</u><ul><li>Shift+right click on file</li><li>copy path</li><li>Strg+v in text field</ul></li>
                         <u>Linux</u><ul><li>Strg+c on file</li><li>Strg+v in text field</li></ul>"><i class="far fa-lightbulb"></i></i></a>
                          <div class="form-group">
                                <input id="file_selector" style="margin-top:10px;margin-bottom:10px;" class="col-md-12 form-control" placeholder="Type file path of printed calibration sheet."></input>
                                <div class="form-row">
                                    <a href="#" class="btn btn-secondary" onclick="generateAnonMask()"><i class="fas fa-cogs"></i> Generate Mask</a>
                                    <div id="loading_div" style="margin-left:10px;margin-top:7px;"></div>
                                </div>
                          </div>
                        </form>
                    </div>
                </div><br>
                <div class="card">
                    <div class="card-body">
                        <b>3.</b> Go to: <a href="printanon2.html"> <i class="fas fa-link"></i> Print Anonymization</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- JavaScript Ext-->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/deda.js"></script>

</body>

</html>
